
.cf {
	background-color: #e3e3e3;
	width: 820px;
	padding: 20px 20px 20px 20px;
	
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #393939;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.cfIntro {
}

.cfSection {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	
	background-color: #fafafa;
}

.cfSection h2 {
	margin: 10px 0 5px 0;
}

.cfGroup {
	border-top: 1px solid;
	border-top-color: #afafaf;
	margin: 10px 0 10px 0;
}

.cfGroup h3{
	margin: 5px 0 5px 0;
}

.cfLine h4{
	margin: 5px 0 0 0;
	font-weight: normal;
	font-size: 14px;
}

.cfGroup p {
	margin: 0 0 0 0;
}

.cfLine {
	overflow: auto;
}

.cfLine input {
	font-size: 16px;
}

.cfLineFocused {
	background-color: #ffffe0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.cfLine input:FOCUS {
	background-color: #ffffcc;
}

.cfFieldHelp {
	font-style: italic;
}

.cfFieldMandatory {
	color: #cc3300;
	font-size: 16px;
}

/* 
** filed formatting stuff 
*/
.cfField1 {
	float: left;
	margin-right: 10px;
	width: 190px;
}

.cfField1 input {
	width: 180px;
}

.cfField2 {
	float: left;
	
	margin-right: 10px;
	width: 390px;
}

.cfField2 input {
	width: 380px;
}

.cfField3 {
	float: left;
	margin-right: 10px;
	width: 590px;
}

.cfField3 input {
	width: 580px;
}

.cfField34 {
	float: left;
	margin-right: 10px;
	width: 790px;
}

.cfField4 input {
	width: 580px;
}

input {
	width: 100%;
}

input[type=radio] {
	vertical-align: middle;
	margin: 0px;
}
